import { h } from "preact";
import { JSX } from "preact";

export interface CardProps {
  children: JSX.Element | JSX.Element[] | string;
  className?: string;
  hover?: boolean;
  poetic?: boolean;
}

export default function Card({ 
  children, 
  className = "", 
  hover = false,
  poetic = false
}: CardProps) {
  const baseClasses = "glass rounded-xl p-6 relative overflow-hidden";
  const hoverClasses = hover ? 'glass-hover' : '';
  const poeticClasses = poetic ? 'poetic-card' : '';
  
  return (
    <div className={`${baseClasses} ${hoverClasses} ${poeticClasses} ${className}`}>
      {children}
    </div>
  );
} 